<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>ROYAL HOTEL</title>
    <link rel="stylesheet" href="css/Accomodation.css"/>
</head>
<body>
<div class="first-floor">
    <div class="main-bg">
        <!--标题-->
        <div class="title-0">
            <img src="image/Logo.png" alt=""/>
            <ul>
                <li>
                    <a href="">首页</a>
                </li>
                <li><a href="about.html">关于我们</a></li>
                <li><a href="ACCOMODATION.html">住宿设施</a></li>
                <li><a href="Gallery.html">酒店画廊</a></li>
                <li class="menu"><a href="" data-trigger="dropdown">酒店日志</a>
                    <ul class="sub">
                        <li><a href="blog.html">公告</a></li>
                        <li><hr></li>
                        <li><a href="">客户评价</a></li>
                    </ul>
                </li>
                <li><a href="login.html">登录</a></li>
            </ul>
        </div>
        <!--内容主体-->
        <div class="body-0">
            <div class="body-1">选择房型</div>
        </div>
    </div>
</div>
<div class="second-floor">
    <div class="third-step">
        <ul>
            <li>
                <img src="image/room1.jpg" alt="">
                <p><a href="#">立即预订</a></p>
                <h6>双人豪华房</h6>
                <h5>￥250<small>/night</small></h5>
            </li>
            <li>
                <img src="image/room2.jpg" alt="">
                <p><a href="#">立即预订</a></p>
                <h6>豪华单人房</h6>
                <h5>￥200<small>/night</small></h5>
            </li>
            <li>
                <img src="image/room3.jpg" alt="">
                <p><a href="#">立即预订</a></p>
                <h6>蜜月套房</h6>
                <h5>￥750<small>/night</small></h5>
            </li>
            <li>
                <img src="image/room4.jpg" alt="">
                <p><a href="#">立即预订</a></p>
                <h6>经济双人房</h6>
                <h5>￥200<small>/night</small></h5>
            </li>
            <div class="create-height"></div>
        </ul>
    </div>
    </div>
    <div class="bookRoom">
        <div class="footer">
        <!--左边-->
        <div>
            <p>开始预订</p>
            <p>你的房间</p>
        </div>
        <!--右边-->
        <div>
            <ul>
                <li><input type="text" class="input-set" placeholder="入住日期"/></li>
                <li><input type="text" class="input-set" placeholder="成人"/></li>
                <li><input type="text" class="input-set" placeholder="儿童"/></li>
                <li><input type="text" class="input-set" placeholder="退房日期"/></li>
                <li><input type="text" class="input-set" placeholder="Child"/></li>
                <li id="likeButton"><a href="#">马上预订</a></li>
                </ul>
            </div>
        </div>
     </div>
    <div class="second-floor-copy">
        <div class="second-floor">
            <div class="first-step">
               <!-- <h5>Normal Accomodation</h5>
            </div>
            <div class="second-step">
                <p>we all live in an age that belongs to the young at heart,Life that is becoming extremely fast </p>
            </div>
            <div class="third-step">
                <ul>
                    <li>
                        <img src="image/room1.jpg" alt="">
                        <p><a href="#">BUY NOW</a></p>
                        <h6>Double Deluxe Room</h6>
                        <h5>$250<small>/night</small></h5>
                    </li>
                    <li>
                        <img src="image/room2.jpg" alt="">
                        <p><a href="#">BUY NOW</a></p>
                        <h6>Single Deluxe Room</h6>
                        <h5>$200<small>/night</small></h5>
                    </li>
                    <li>
                        <img src="image/room3.jpg" alt="">
                        <p><a href="#">BUY NOW</a></p>
                        <h6>Honeymoon suit</h6>
                        <h5>$750<small>/night</small></h5>
                    </li>
                    <li>
                        <img src="image/room4.jpg" alt="">
                        <p><a href="#">BUY NOW</a></p>
                        <h6>Economy Double</h6>
                        <h5>$200<small>/night</small></h5>
                    </li>
                    <li>
                        <img src="image/room1.jpg" alt="">
                        <p><a href="#">BUY NOW</a></p>
                        <h6>Double Deluxe Room</h6>
                        <h5>$250<small>/night</small></h5>
                    </li>
                    <li>
                        <img src="image/room2.jpg" alt="">
                        <p><a href="#">BUY NOW</a></p>
                        <h6>Single Deluxe Room</h6>
                        <h5>$200<small>/night</small></h5>
                    </li>
                    <li>
                        <img src="image/room3.jpg" alt="">
                        <p><a href="#">BUY NOW</a></p>
                        <h6>Honeymoon suit</h6>
                        <h5>$750<small>/night</small></h5>
                    </li>
                    <li>
                        <img src="image/room4.jpg" alt="">
                        <p><a href="#">BUY NOW</a></p>
                        <h6>Economy Double</h6>
                        <h5>$200<small>/night</small></h5>
                    </li>
                </ul>
                <div class="create-hg"></div>
            </div>
            </div>
        </div>
    -->
    <div id="footer"></div>
    <script src="js/jquery-3.2.1.js"></script>
    <script src="js/main.js"></script>
    <script src="js/footer.js"></script>
</body>
</html>